/**********************************************************************
Copyright:      ©2008 MCG Enterprises
Created:        2008-11-19 12:14:21
Created by:     John Mishefske
********************************************************************/

/********************************************************************
no list-markers by default, since lists are used more often for semantics 
********************************************************************/
ul,ol { list-style: none }

/********************************************************************
avoid browser default inconsistent heading font-sizes and pre/code too 
********************************************************************/
h1,h2,h3,h4,h5,h6,pre,code { font-size: 1em; }

/********************************************************************
remove the inconsistent (among browsers) default ul, ol padding or margin  
the default spacing on headings does not match nor align with 
normal interline spacing at all, so let's get rid of it. 
zero out the spacing around pre, form, body, html, p, blockquote as well 
form elements are oddly inconsistent, and not quite CSS emulatable. 
nonetheless strip their margin and padding as well 
********************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border: none }

/* de-italicize address */
address { font-style: normal }

/*  do all font sizing below in ems (not pixels or percent). 
    funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. 
    seems 76% is as small as you can go and stay the same across browsers. poop. 
*/

html {
	margin: 0;
	padding: 0;
}

@font-face {  
	  font-family: kristen;  
	  src: url( ITCKRIST.eot ); /* IE */  
	  src: local("Kristen ITC"), url( ITCKRIST.TTF ) format("truetype"); /* non-IE */  	
}  

body {
	background-image: url('images/background.jpg');
	font-family: kristen, "Comic Sans MS", verdana, arial, sans-serif;
	font-size: 76%; /* do all font sizing below in ems (not pixels or percent). */
}

.frame {
	border: #630 1px solid;
}

#header {
	background: #ffffff url('images/bgHeader.jpg') repeat-x ;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 111px;
}

#header img {
	float: right;
}

#maincontainer {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#contentwrapper {
	margin: 0 auto;
	padding: 0 50px;
	position: relative;
}

#leftcolumn {
	float: left;
	width: 220px;
}

#navigation
{
    float: left;
    width: 200px;
    padding: 5px;
}

#navigation ul
{
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: kristen, "Comic Sans MS", verdana, arial, sans-serif;
}

#navigation a, li#current
{
    display: block;
    width: 180px;
    text-decoration: none;
    padding: 5px;
    border-bottom: #fff solid 1px;
    background-color: #630;
    color: #fff;
}

#navigation a:hover, #navigation a:active, #navigation a:focus, li#current
{
    background-color: #FFE1A0;
    color: #000;
}

#home .home, #about .about, #history .history, #pennyrugs .pennyrugs,
#seasonal .seasonal, #pins .pins, #makedos .makedos, #patterns .patterns,
#ornies .ornies, #newsletter .newsletter, #links .links, #gallery .gallery,
#order .order, #supplies .supplies {
    display: block;
    width: 180px;
    text-decoration: none;
    padding: 5px;
    border-bottom: #fff solid 1px;
    background-color: #c90;
    color: #000;
}

#contentcolumn {
	margin-left: 220px;
}

#contentcolumn img {
	float: left;
	margin: 40px 40px 40px 0px;
	border: #630 1px solid;
}

#contentcolumn img.noBorder {
	margin: 20px 20px 20px 0px;
	border: none;
}

h1 {
    margin: 0 0 10px 50px;
    font-size: 2em;
    color: #993300;
    font-weight: normal;
    line-height: normal;
}

h2 {
    margin: 0in;
    margin-bottom: .0001pt; 
    font-size: 1.75em;
    color: #993300;
    font-weight: normal;
}

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto; 
    text-decoration: none;
    border: #630 1px solid;
}

.spaceWider {
    width: 33%;
    margin: 0 auto;
    padding: 0;
}

.saying {
	margin: 90px 0;
	padding: 5px 0;
	float: right;
	color: #663300;
	border-top: #663300 1px solid;
	border-bottom: #663300 1px solid;
}

p {
    margin: 0in;
    margin-bottom: .0001pt; 
    font-size: 1.25em;
    font-family: "Comic Sans MS", Helvetica, sans-serif;
    color: #993300;
}

p.alternate {
    color: #000;
}

a {
	text-decoration: none;
	color: green;
}

a:hover {
	color: #00AD1A; /* #0000C9;*/
	border-bottom: 1px solid #00AD1A; 	/* #0000C9; */
}

.galleryClass {
	padding: 0;
	text-align: center;
	font-size: 14px;
}

.galleryClass a {
	border-style: none;
}

.galleryItem {
	height: 380px;
	margin: 0px;
	padding: 0px 10px;
	width: 220px;
	float: left;
	overflow: display;
}
	
.galleryItem p.listItem {
	margin: 0;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 2px;
}

.galleryItem p.price {
	font-weight: bold;
	font-size: 100%;
	display: block;
}

.galleryItem img {
	margin: 0px;
	padding: 0px;
	width: 190px;
	height: 159px;
	border: #630 1px solid;
}
	
#items {
	margin: 0;
	padding: 0;
}

.item {
	margin: 10px;
	width: 400px;
	height: 550px;
	border-style: none;
	float: left;
}

.ItemImg {
	float: left;
	padding: 0;
}

.ItemImg a {
	border-style: none;
}

.ItemImg img {
	margin: 0 auto;
	border: #630 1px solid;
}

.ItemImg img.restrained {
	margin: 0 auto;
	width: 250px;
	height: 200px;
	border: #630 1px solid;
}

.ItemImg img.tall {
	width: 200px;
	height: 300px;
}

.ItemDesc {
	float: left;
	width: 300px;
	padding: 10px;
}

p.ItemTitle {
	font-size: 120%;
	margin-top: 10px;
}

p.ItemDesc {
	font-size: 90%;
	margin-bottom: 10px;
	color: #000;
}

p.ItemShipping {
	margin: 0;
	padding: 0;
	float: right;
	font-size: 100%;
}

#loadingMsg {
	position: absolute;
	top: 15px;
	left: 300px;
	padding: 1em 5px;
	background: #FFE1A0;
	font-family: Verdana, Sans-serif;
	font-weight: bold;
	width: 20em;
	text-align: center;
	font-size: 80%;
	color: #000;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #cc9;
	border-right: 1px solid #cc9;
	z-index: 1;
}

#BigPic {
	background: #000;
	position: fixed;
	top: 60px;
	left: 350px;
	padding: 5px;
	z-index: 2;
}

#BigPic img {
	margin: 10px;
	padding: 0;
	border-top: 1px solid #808080;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
}

#BigPic p {
	font-family: Verdana, Sans-serif;
	font-weight: bold;
	font-size: 80%;
	background: #000;
	color: #FFE1A0;
	margin: 0;
	padding: 5px 10px;	
}

#footer {
	width: 100%;
	height: 56px;
	border-top: #630 1px solid;
	text-align: right;
	margin: 10px 0;
	padding: 4px 0 4px;
	clear: both;
}

#footer h1 {
    line-height: normal;
}

#footer p.copyright 
{
	font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
	font-size: .8em;
	color: #661000;
	text-align: left;
	padding-left: 1em;
}

#footer p.Tigeronomy 
{
	font-family: Verdana, 'Bitstream Vera Sans', sans-serif;
	font-size: .8em;
	font-style: italic;
	color: #5B5B5B;
	text-align: right;
	padding-right: 1em;
}

#ebay {
    display: inline-block;
    text-decoration: none;
    margin: 40px auto 20px auto;
}