/*CASCADING STYLE SHEET FOR ONE STICK TWO STICK */
/* BY CRASHING BULL PRODUCTIONS - OCTOBER 2008 */

/* note: HOME PAGE "index.htm" has separate special style in own sheet */


/********* MEYERWEB RESET  **********/	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: left;  baseline is the mw default */
}

/**************** CBP STYLES BEGIN HERE *****************/

/* for testing */
div { border: 0px solid #F00; }

/*************************  TYPES  ******************************/

h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address {
	margin : 1em 0; 
}
li, dd { 
	margin-left:5%;
	margin-top: .5em; 
}
fieldset { 
	padding: .5em; 
}

body {
	margin : 0;
	padding : 0;
	background : #FFF url(images/backgrounds/bkgHeader.png) repeat-x left top;
	font : .75em/135% Arial, Helvetica, sans-serif;
	color : #7F7F7F;
	border : 0;
	min-width: 740px;
}

h1 {
	font: 300% Georgia, "Times New Roman", Times serif;
	color: #FFF;
	background : transparent;
	margin-left: 35px;
	width: 220px;
}

h2 {
	margin: 0;
	height: 20px;
	width: 200px;
}
h2 span {
	visibility: hidden;
}
/* H2 TITLES */
h2.kits {
	background: #FFF url(images/titles/kits.gif) no-repeat;
}
h2.layette {
	background: #FFF url(images/titles/layette.gif) no-repeat;
}
h2.layette2 {
	background: #FFF url(images/titles/layette.gif) no-repeat;
	margin-top: 2em;
}
h2.name {
	background: #FFF url(images/titles/name.gif) no-repeat;
}
h2.partners {
	background: #FFF url(images/titles/partners.gif) no-repeat;
}
h2.maggie {
	background: #FFF url(images/titles/maggie.gif) no-repeat;
}
h2.felting101 {
	background: #FFF url(images/titles/felting101.gif) no-repeat;
}
h2.contact {
	background: #FFF url(images/titles/contact.gif) no-repeat;
}
h2.coming {
	background: #FFF url(images/titles/coming.gif) no-repeat;
}
h2.thankyou {
	background: #FFF url(images/titles/thankyou.gif) no-repeat;
}
h2.findstore {
	background: #FFF url(images/titles/findstore.gif) no-repeat;
}
h2.mailinglist {
	background: #FFF url(images/titles/mailing_list.gif) no-repeat;
}




h3 {
	font: bold 110% Georgia, "Times New Roman", Times, serif;
	color: #5E4446;
}

h3 + p, h4 + p {
	margin-top: -1em;
}

h3.nomarginSlug {
	margin-top : .25em;
}

h4 {
	font-size: 100%;
	font-weight: bold;
	color: #5E4446;
}	
	

/*
p, ul, ol, li{ 
	color: #7F7F7F;
	font: 100%/140% Arial, Helvetica, sans-serif;
} 
*/


#container {
	background: #FFF;
	width: 720px;
	margin: 0 20px;
}

#banner {
	clear: both;
	background: #5B4242 url(images/backgrounds/bkgBanner.png) no-repeat 0px 0px;
	margin: 0;
	padding: 0;
	width: 720px;
	height: 113px
}
#banner h1 a {
	text-decoration : none;
	margin : 0;
	border : 0;
}
#banner h1 span {
	visibility : hidden;
} 

#nav {
	clear : both;
	margin : 0;
	padding : 0;
	width : 720px;
	height : 47px;
	background : #AEDFE5 url(images/backgrounds/bkgNavMain.png) repeat-x -20px;
}
#nav table {
	margin: 0;
	padding: 0;
	border: 0;
}

#content {
	margin-left: 138px;
	padding-top: 33px;
	padding-right: 79px;
}

#contentWider {
	margin-left: 138px;
	padding-right: 0;
}
#contentKits {
	margin-left: 138px;
	padding: 33px 0;
	width: 520px;
}
.topPad {
	padding-top: 33px;
}

#column-left {
	float: left;
	margin-right: 18px;
	padding: 0;
	width: 120px;
}
#maggie a {
	border: 0;
}
	
#footer, #footerHome {
	clear: both;
	margin : 33px 0 0 138px;
	padding: 10px 0;
	border-top: 1px dotted #CCC;
	text-align: center;
	font-size: 9px;
	line-height: 170%;
}
#footerHome {
	margin-left: 0;
}

/* ************* CLASSES ************ */
.divider {
	border-bottom: 1px solid #CCC;
}

.clear {
	clear: both;
}

.strong {
	font-weight: bold;
}
.txtSmall {
	font-size: 90%;
}


/* PURCHASE button */
.purchase {
	padding: 0 .5em;
	margin-left: 1.5em;
	border: 1px solid #BCD79E;
}
.marginLeft1 {
	margin-left: 1em;
}
.purchase a {
	border: 0;
}

.purchase a:hover {
	color: #333;
}


/* ********************** LINKS ********************** */
/* NOTE: the border-bottom style causes ALL links to have an "underline" including images. 
Several of the extraneous stylesheets have the "a" selector border property set to "0" to control this
*/

a:link, a:visited, a:hover, a:active, a:focus {
	color: #55B4C3;
	text-decoration: none;
	border-bottom: 1px dotted #55B4C3;
}
a:hover, a:active, a:focus {
	border-bottom: 1px solid #55B4C3;
}




/* ****** MAIN NAV LINKS - no underline ****** */
#nav a {
	border: 0;
}


/* *********** UPPER BANNER NAVIGATION ************ */
#navBanner {
	padding-right: 40px;
	margin : 0;
	height: 40px;
	width: 720px;
	background: #5B4242;
	text-align: right;
}

#navBanner span {
	padding : 5px 10px;
	margin: 0;
	margin-right: 40px;
	color : #E4C663;
	background : #6C5354;
	text-align: center;
}

#navBanner  a {
	color : #ECCD9A;
	text-decoration : none;
	border: 0;
}
#navBanner a:hover, #navBanner a:active, #navBanner a:focus {
	color: #FFF;
}


/* *********** LEFT NAVIGATION ************ */
#navLeft {
	padding : 0;
	margin : 35px 0 42px 0;
}

#navLeft li {
	margin : 0 12px 0 8px;
	padding : 6px 0;
	list-style : none;
	border-bottom : 1px dotted #84BCC3;
}

.navLefttopborder {
	border-top : 1px dotted #84BCC3;
}

#navLeft a {
	font-family :  Georgia, "Times New Roman", Times, serif;
	color : #666;
	text-decoration : none;
	display : block;
	border: 0;
}


/* FOOTER LINKS- not used */

#footer a {
	margin : ;
}
#footer a:link, #footer a:visited {
	color : #;
	text-decoration : ;
}
#footer a:hover, #footer a:active{
	color : #;
	text-decoration : ;
}