@charset "utf-8";
body {
	font-family: Comic;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000;
	background-image:url(bg-orange.png);
	background-repeat: repeat;
	}

@font-face {
    font-family: Comic;
    font-style:  normal;
    font-weight: normal;
    src: url(COMICSA0.eot);
	src: url(comic.ttf);
  }	
	
#container {
	width: 80%;
	margin: 0 auto;
	text-align: left; 
	}
#container-for-classes  /*makes the background orange*/	
{	width: 100%;
	background: url(bg-powder.png) repeat;
	}

#content {
	overflow: hidden;
	width: 100%;
	background-image:url(easel.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	min-height:675px;
	position:relative;
	}
	
#content_classes {
	overflow: hidden;
	width: 100%;
	padding: 0px 15px 50px 15px;
	margin: 0px 5px 0px 5px;
	background-color:#f39d3c;
	border-right:1px solid #999;
	border-left:1px solid #999;
	min-height:550px;
	background: url(bg-orange.png)repeat;
	z-index:9;}
	
#content_art{
	overflow: hidden;
	width: 100%;
	padding: 0px 15px 0px 15px;
	margin: 0px 5px 0px 5px;
	background-color:#7a547a;
	border-right:1px solid #999;
	border-left:1px solid #999;
	min-height:550px;
	background: url(bg-powder.png) repeat;
	z-index:9;}

.easeltop
	{position:relative;
text-align:center;
	margin: 0px 0px -3px 0px;
	z-index:10;
	}

.easelbottom
	{position:relative;
text-align:center;
	margin: -17px 0px -3px 0px;
	z-index:10;
	}
.alignleft
	{float:left;
	}

.alignright
	{float:right;
	}
#contentbox /*content holder for classes */
{	overflow: hidden;
	width: 60%;
	margin: 0px;
	padding: 0px;
	position:relative;
}

#contentbox_art /*content holder for  art*/
{	overflow: hidden;
	width: 75%;
	margin: 0px;
	padding: 0px;
	position:relative;
}

/*front page*/

#content h1
{position:relative;
margin-top:15%;
margin-left:15%;
float:left;
font-size:20px;
}

/*text*/

h1, h2{
font-size:14px;
margin-top:28px;
margin-bottom:-14px;}

a
{text-decoration:none;
color:#000;
font-weight:bold;}


p, li
{font-size:12px;
}
	
/*navigation*/

#navigation
{margin-top:5%;
margin-left:46%;
width:100px;
position:relative;
float:left;}

#navigation_2
{margin-top:1%;
margin-left:1%;
width:20%;
position:relative;
float:left;}

#navigation ul, #navigation_2 ul
{list-style-type: none;
}
#navigation li, #navigation_2 li
{padding-top:0px;
border:0;
height:110px;
font-size:8px;
text-align:left;
width:50px;}

li a, a, img, img a {border:0px;}
li a, img a , li p{margin:0px;}

#navigation li img, #navigation_2 li img
{width:50px;
margin-bottom:0px;}

#navigation p #navigation_2 p
{margin:0px;
padding:0px;}

/*facebook button*/
.fb{position:relative;
height:75px;
width:75px;
float:left;}

.fb img {width:50px;
border-radius:5px;}
	
/* Kid art settings */

figure{
padding:0px 10px 0px 0px;
margin:0px;
height:190px;
max-width:30%;
float: left;
display:inline;
text-align:left;
overflow:hidden;
}

.caption{font-size:10px;

margin:5px;}

.kidart{height:75%;
}