/*
Theme Name: Schoolyard Studio
Theme URI: http://www.schoolyardstudio.com/
Description: Custom Wordpress Theme for Schoolyard Studio
Version: 0.2
Author: Paul Chabot
Author URI: http://www.paulchabot.ca/
Tags: custom
*/
@charset "UTF-8";
/* CSS Document */

@font-face {
 font-family: 'Gothamy';
 src: local('Gotham Book'), local('Gotham-Book');
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
}
@font-face {
 font-family: 'Gothamy';
 src: local('Gotham Bold'), local('Gotham-Bold');
 font-weight: bold;
 font-style: normal;
 font-variant: normal;
}
@font-face {
 font-family: 'Gothamy';
 src: local('Gotham Book Italic'), local('Gotham-BookItalic');
 font-weight: normal;
 font-style: italic;
 font-variant: normal;
}
@font-face {
 font-family: 'Gothamy';
 src: local('Gotham Bold Italic'), local('Gotham-BoldItalic');
 font-weight: bold;
 font-style: italic;
 font-variant: normal;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, select {
    margin: 0;
    padding: 0;
}
.wrapper {
margin:auto;
padding:0;
width:960px;
}

#wrapper {
margin:auto;
padding:0;
width:960px;
}
.clear{
	clear:both;
}
#top_block
{
	background: #EDEAD9 url('images/top_block.png') repeat-x;
	width:241px;
	height:35px;
	margin-top:10px;
	float:right;
}

#top_block .schoolyard_button
{
	font-size:12px;
	padding-top:10px;
	padding-left:8px;
}

.pad10 {
padding-left:0px;
	
}

body {
	font-size: 15px; /* Resets 1em to 10px */
	font-family:Arial,helvetica,sans-serif;
	color:#5F5E5F;
	background-color:#FFF;
	margin: 0px auto 0px auto;
}
#header {
	background: #EDEAD9 url('images/back_top.jpg') repeat-x;
	height:61px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}

#newsletterbox {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E5E4DB none repeat scroll 0 0;
	margin:0;
	padding:5px 0px 20px 0px;
	margin-top: 50px;
	width:200px;
	float:left;
	vertical-align:baseline;
}


#problems #menu-problems {
display: list-item;
}


#schoolyard_logo {
background:url('images/logo2.gif') no-repeat;
width: 200px;
height:53px;
border: none;
float:left;
}
#schoolyard_menu {
	width:960px;
	height:53px;
	background-color:#FFF;
	border:none;
}
#schoolyard_account {
width:700px;
float:left;
height:26px;
}
#schoolyard_buttons {
padding-left:30px;
}
.schoolyard_button {
height:20px;
float:left;
border:none;
}

.schoolyard_button a
{
	font-size:12px;
	color:#8A8A8A !important;
}

.schoolyard_button a:hover
{
	color:#cdcabb !important;
}

a img {
border:none;
}
#aboutus {
width: 95px;
padding-left:30px;
}
#fabrics {
width: 100px;	
}
#press {
width: 96px;	
}
#blog {
width: 80px;	
}
#findus {
width: 99px;	
}
.col_1,.col_2,.col_3{
	width:33%;
	float:left;
}
.col_1 ul,.col_2 ul,.col_3 ul{
	margin-bottom: 15px;
	line-height: 22px;
}
.company_name{
	color:#3B5998;
	display:block;
	margin: 13px 0px 0px;
	font-size: 12px;
	line-height: 15px;
}
.company_address1,.company_address2,.company_zip,.company_phone{
	font-size: 12px;
	line-height: 15px;
	display:block;
	color: #474747;
}
div.storelist h3{
	margin-bottom:10px;
}

#sidebarcol {
	float:left;
	margin:0;
	padding:0;
	width:200px;
	background-color:#f4f3f1;
	font-family: Gotham-Book, Gothamy, Arial, sans-serif;

}
#sidebarcol ul {
	padding:0;
	padding-left:20px;
	font-size:18px;
	font-family: Gotham-Book, Gothamy, Arial, sans-serif;

}

/* describes sales text in menu bar */
#sales {
	color:#F00;
	font-weight: bold;
	
}

div.entry H2 {
padding-top:0px;
margin-top:0px;
	
color: #5F5E5F;
font-size: 18px;
text-transform:uppercase;
font-weight:100;

}
div.storelist h2{
	font-size: 15px;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
}
div.storelist a{
	color: #008080;
}
div.storelist a:hover{
	color: #008080;
	text-decoration: none;
}

.make_purchase
{
	margin:10px;
	background: url(images/shop-cart.jpg);
	width:150px;
	height:46px;
	border:none;
	cursor:pointer;
}
.calculate_button
{
	background: url(images/calculate.jpg);
	width:30px;
	height:25px;
	border:none;
	cursor:pointer;
	margin-left:5px;
}
.update_button
{
	background: url(images/refresh_b+w.jpg);	
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	margin-left:5px;
}

.update_button:hover
{
	background: url(images/refresh_blue.jpg);
}

.remove_button
{
	background: url(images/delete_b+w2.jpg);
	width:20px;
	height:20px;
	border:none;
	cursor:pointer;
	margin-left:5px;
}

.remove_button:hover
{
	background: url(images/delete2.jpg);	
}

div.entry P {
padding-top:0px;
margin-top:0px;	
}

#main_content {
	border: solid 0px #000;
	padding: 0px 0px 0px 0px;
	margin-top: 40px;
	width: 960px;
	height:100%;
	float:left;
	}
#main_content h3 {
	color:#5F5E5F;
	font-family: Gothamy, Gotham-Book, Arial, sans-serif;	
}
#main_content_wrap {
padding-left:0px;	
}

#catimg {
padding: 5px 5px 5px 5px;	
	
}
.spacer {
padding-right:20px;
float:left;	
}
/*.alignleft{
	float:left;
	margin: 25px 25px 25px 0px;
	
	clear: both;
}
.alignright{
	float:right;
	margin: 25px 0px 25px 25px;
	clear: both;
}*/

#main_content .alignleft,
#main_content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
	
}
#main_content .alignright,
#main_content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
	
}
#main_content .aligncenter,
#main_content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#main_content img.alignleft,
#main_content img.alignright,
#main_content img.aligncenter {
	margin-bottom: 12px;
}
.category-blog{
	clear: both;
}
#footer {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:url(images/dots.jpg) repeat-x top center;
	height:35px;
	margin:0;
	padding-top:10px;
	width:100%;
	float:left;
	margin-top:15px;
}
#footertxt {	
	float:left;
	margin-top:15px;
	padding-left:10px;
}
#footertxt A {
	font-family: Gothamy, Gotham-Book, Arial, sans-serif;	
	color: #FFF
}
#footersearch {
	margin-top:15px;
	float:right;
	height:35px;
	padding-right:10px;
	text-align:left;
	width:370px;
}
#footersearch form
{
	float:right;
}

ul.menu {
border:medium none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
}
ul.menu li {
margin:0 0 20px; 0.5em;
}
li.expanded {
/* 
list-style-image:url(images/misc/menu-expanded.png);
*/
list-style-type:none;

margin:0;
padding:0.2em 0.5em 0 0;
}
li.collapsed {
/*
list-style-image:url(images/misc/menu-collapsed.png);
*/
list-style-type:none;
margin:0;
padding:0.2em 0.5em 0 0;
}
li.leaf {
	/*
list-style-image:url(images/misc/menu-leaf.png);
*/
list-style-type:none;
margin: 0px 0px 0px 60px;
}
li a.active {
color:#000000;
}

a:link {
	color:#5F5E5F;
	text-decoration:none;
	
}
a:hover {
	color: #000;
	text-decoration: underline;
	}
a:visited {
	color:#5F5E5F;
	text-decoration:none;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
	a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}


/* SALES STYLE Copied from the grid display */
div.sales_grid_display{
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
float:left;
width: 100%;
/* text-align: left !important; */
}

/* can change the width and height of the grid view elements here */

div.sales_grid_display div.sales_grid_item{
  float: left;
  margin: 0px 0px 20px 30px;
  height:auto !important;
}

/* Grid View Stuff for WP-Ecommerce. For some reason the plugin isnt finding the style for the grid view, so I placed it here.. */
div.product_grid_display{
margin-left:auto;
margin-right:auto;
margin-bottom: 20px;
float:left;
width: 100%;
/* text-align: left !important; */
}

/* can change the width and height of the grid view elements here */

div.product_grid_display div.product_grid_item{
  float: left;
  margin: 0px 20px 20px 0px;
  height:auto !important;
}

div.grid_view_newline {
clear: both;
}

div.grid_product_info{
font-family:"Trebuchet MS",Arial,sans-serif;
/*  float: left; */
/*position: absolute;
top: 0px;*/
}



div.grid_product_info div.product_text{
font-size: 8pt;
min-height: 25px;
padding: 7px 7px 7px 0px;
}
 
div.grid_product_info div.product_text span.oldprice{
color:#b5b5b5;
}

div.product_grid_display div.product_grid_item img{
/*-moz-box-shadow:1px 1px 8px rgba(0,0,0,0.3);*/
/*-webkit-box-shadow:1px 1px 8px rgba(0,0,0,0.3);*/
border: none !important;
/*  padding: 0px !important; */
margin-left: auto;
margin-right: auto;
}


div.product_grid_display div.product_grid_item a.preview_link{
display: block;
font-size: 8pt;
}



div.grid_more_info{
font-family:"Trebuchet MS",Arial,sans-serif;
/*  height: 22px; */
padding-top: 4px;
padding-right: 7px;
}
 
div.grid_more_info a{
text-decoration: none;
border-bottom: 0px;
}
div.grid_more_info span{
font-size: 8pt;
/*  float: left; */
/*  margin-left: 33px; */

}
div.grid_more_info p{
margin-bottom: 0px;
padding-bottom: 0px;
}
 
div.grid_more_info select{
margin-bottom: 0px;
}

div.grid_more_info img{
float: right;
}


/*///////////////////////
/// Jgrowl Css       /// 
/////////////////////*/

div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					235px;
	padding: 				10px;
	margin-top: 			5px;
	margin-bottom: 			5px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/* Jgrowl Themes */
div.jGrowl div.themed {
    font-family:                Arial, "Helvetica", "Helvetica Neue";
    font-size:                  11px;
    background:                 url('images/jgrowl/themes/themes.png') no-repeat;
    -moz-border-radius:         0px;
    -webkit-border-radius:  0px;
    opacity:                    .95;
    filter:                         alpha(opacity = 95);
    width:                      308px;
    height:                         76px;
    padding:                    0px;
    overflow:                   hidden;
    border-color:               #5ab500;
    color:                      #fff;
    position:                   relative;
}

div.jGrowl div.themed div.message {
    padding-top:    0px;
    padding-bottom:7px;
    padding-left:   15px;
    padding-right:  15px;
    text-shadow: -1px -1px #000;
    line-height:    1.2em;
    margin-left:    7em;
}
            
div.jGrowl div.themed div.header {
    padding:        12px 7px 7px 7px;
    padding-left:   15px;
    padding-right: 15px;
    font-size:      14px;
    text-shadow:    -1px -1px #000;
    letter-spacing:0px;
    margin-left:    6em;
}
                
img.img-thumb {
    position:   absolute;
    display:    block;
    top:            1.2em;
    left:       2em;
    width:      45px;
}
                
.separator {
    position:       absolute;
    background:     url('images/jgrowl/themes/separator.png') top right;
    display:        block;
    height:             63px;
    width:          1px;
    top:                .7em;
    left:           6.7em;
}
            
div.jGrowl div.themed2 {
    font-family:                Arial, "Helvetica", "Helvetica Neue";
    font-size:                  11px;
    background:                 url('images/jgrowl/themes/themed.png') no-repeat;
    -moz-border-radius:         0px;
    -webkit-border-radius:  0px;
    opacity:                    .95;
    filter:                         alpha(opacity = 95);
    width:                      308px;
    height:                         99px;
    padding:                        0px;
    overflow:                   hidden;
    border-color:               #5ab500;
    color:                      #fff;
    position:                   relative;
    overflow:                   hidden;
}

div.jGrowl div.themed2 div.message {
    padding-top:        0px;
    padding-bottom:     7px;
    padding-left:       15px;
    padding-right:  15px;
    text-shadow:        -1px -1px #000;
    line-height:        1.2em;
    margin-left:        6.5em;
    z-index:            10;
}
            
div.jGrowl div.themed2 div.header {
    padding:            12px 7px 7px 7px;
    padding-left:       15px;
    padding-right:  15px;
    font-size:          14px;
    text-shadow:        -1px -1px #000;
    letter-spacing:     0px;
    margin-left:        5em;
    z-index:            9;
}
                
img.img-thumb-themed2 {
    position:   absolute;
    display:    block;
    top:            .1em;
    right:      -10em;
    width:      110px;
    opacity:    .75;
    filter:         alpha(opacity = 75);
    z-index:    -999;
    overflow:   hidden;
}

div.jGrowl div.themed div.close , div.jGrowl div.themed2 div.close {
    display: none;
}


/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}


/* POP UP STUFF */
#mask {  
  position:absolute;  
  z-index:9000;  
  background-color:#F4F3F1;  
  display:none;  
}  
    
#boxes .window {  
  position:absolute;  
  width:440px;  
  height:200px;  
  display:none;  
  z-index:9999;  
  padding:20px;  
  border:1px solid #000;
}  
  
  
/* Customize your modal window here, you can add background image too */  
#boxes #dialog {  
  width:375px;   
  height:203px;  
} 


/* NEW MENU */

ol, ul {
    list-style: none inside none;
}

.nav li {
    float: left;
    position: relative;
}
.nav a {
    text-decoration: none;
}

.nav h2 a {
    color: #979797;
    display: block;
    font-size: 14px;

    text-transform: uppercase;
}

.nav ul ul {
    left: 0;
    position: absolute;
    top: 50px;
    width: 120px;
    padding:15px 0px 15px 20px;
    line-height: 25px;
}

.nav ul ul li {
    float: none;
}

.nav ul ul li a{
    color:#787878;
}

.nav ul ul li a:hover{
    color:#565656;
}

.menu_el
{
	padding:25px 35px 0px 35px;
}

.dropdown {
    background-color: #f4f3f1;
    z-index: 100;
}


.subtitle
{
	font-size:14px;
	margin-top:10px;
	
	margin-right: 15px;
}
.dotted{
border-bottom: #787878 dashed 1px;
}
.first
{
	margin-top:0px;
}