/* REMOVE STANDARD FORMATTING FROM HTML ELEMENTS */

body {
	margin:0;
	padding:0;
}

p, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, dt, dd {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size:100%;
}

form, select, input, textarea, optgroup {
	margin: 0;
	padding: 0;
	font-size:100%;
	font: 1em "Trebuchet MS", Arial, helvetica, sans-serif;
}

a img {border:none;}

.l-clr {
clear:left;
}
.clear {
clear:both;
}

.pic-l { float:left; }
.pic-r { float:right; }

/* LAYOUT AND STRUCTURE */

body { 
	font: 1em Georgia, serif; 
	background: #fff url(/images/body.jpg) repeat top center;
	text-align: center; 
}  

#container {
	text-align: left;
	background: url(/images/container.jpg) no-repeat top center;
	width: 820px;
	margin:0 auto;
}
.main #container {
	background: url(/images/container-main.jpg) no-repeat top center;
}
.scrapbooking #container {
	background: url(/images/container-scrapbooking.jpg) no-repeat top center;
}
.scrapbooking #content {
padding: 0 170px 0 80px;
}
	
#content {
clear:both;
padding: 0 50px;
}

a {
color:#619FB2;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
p {
color:#843D4C;
line-height:1.3;
font-size:95%;
margin-bottom:6px;
}

/* BANNER */
#banner {
height:210px;
overflow:hidden;
}

#banner h1, #banner h2 {
display:block;
text-indent: -999em;
height:15px;
}

#mainmenu { 
clear:both;
text-transform:uppercase;
font-size:95%;
padding:120px 0 0 300px; 
}
#mainmenu ul {
margin:0;padding:0;
list-style:none;
}
#mainmenu li {
margin:0;padding:0;
float:left;clear:none;
list-style:none;
}
#mainmenu a {
float:left; 
display:block;
padding: 7px;
clear:none;
}

#mainmenu a.active {
color:#ba8d95;
text-decoration:underline;
}

#introtext {
margin:0 100px 40px 265px;
}
#introtext p {
font-size:90%;
margin-left:55px;
}
#introtext span {
display:block;
float:left;
text-indent:-999em;
}
#introtext #dropcap {
display:block;
float:left;
background: url(/images/m.gif) no-repeat top left;
height:48px;
width:70px;
text-indent:-999em;
}
#text { margin-left:80px; }
#text h2 {
color:#631c2c;
font-size:160%;
text-indent:-999em; 
}
h2#about {
background: url(/images/h2-about.gif) no-repeat top left;
width:182px;height:70px;
}
h2#contact {
background: url(/images/h2-contact.gif) no-repeat top left;
width:211px;height:58px;
}
h2#tips {
background: url(/images/h2-tips.gif) no-repeat top left;
width:176px;height:76px;
}
h2#themes {
background: url(/images/h2-themes.gif) no-repeat top left;
width:180px;height:53px;
}
h2#scrapbooking {
background: url(/images/h2-scrapbooking.gif) no-repeat top left;
width:165px;height:84px;
}
h2#testimony {
background: url(/images/h2-testimonials.gif) no-repeat top left;
width:210px;height:66px;
}
h2#jewelry {
background: url(/images/h2-jewelry.gif) no-repeat top left;
width:121px;height:76px;
}
#testimonials {
float:left;
width:303px;
background: url(/images/test-body.jpg) no-repeat bottom left;
}
#testimonials h2 {
background: url(/images/test-head.jpg) no-repeat top left;
height:73px;
text-indent:-999em;
}
#testimonials p {
font-size:70%;
margin:5px 30px;
}
#testimonials p.author {
font-weight:bold;
margin-bottom:15px;
text-align:right;
}
#testimonials #testimonials-more {
padding-bottom: 35px;

}
#tagmenu {
float:right;
width:400px;
margin-top:30px;
}
#tagmenu ul, #tagmenu li {
margin:0;padding:0;
list-style:none;
}
#tagmenu ul {position:relative;}
#tagmenu a {
display:block;
text-indent:-999em;
}
#tagmenu a {
float:left; clear:none;
display:block;
text-indent: -999em;
position: absolute;
overflow:hidden; /* Avoid that annoying marquee in FF */
width: 119px; height: 150px;
}
#tagmenu a#bracelets {
left: 0px; top: 0;
background: url(/images/tag-bracelets.gif) no-repeat top left;
}
#tagmenu a#pins {
left: 90px; top: 0;
background: url(/images/tag-pins.gif) no-repeat top left;
}
#tagmenu a#themes {
left: 180px; top: 0;
background: url(/images/tag-themes.gif) no-repeat top left;
}
#tagmenu a#scrapbooking {
left: 180px; top: 0;
background: url(/images/tag-scrapbooking.gif) no-repeat top left;
}

#tagmenu a#tips {
left: 270px; top: 0;
background: url(/images/tag-tips.gif) no-repeat top left;
}
#tagmenu a:hover#bracelets,
#tagmenu a:hover#pins,
#tagmenu a:hover#themes,
#tagmenu a:hover#tips,
#tagmenu a:hover#scrapbooking {
background-position: bottom;
}

#footer {
clear:both;
text-align:center;
padding-top:20px;
}
#footer p {
padding-top:35px;
background: url(/images/footer.gif) no-repeat top center;
font-size:60%;
color:#b37383;
}

#step1 h2, #step2 h2, #step3 h2 {
font-size:180%;
color:#783343;
margin-top:10px;
}

#step1 h3, #step3 h3 {
margin:8px 0 4px 0;
}

#step1 p, #step2 p, #step3 p {
font-size:80%;
margin:8px 8px 8px 0;
}

#step1 .item {
width:360px;
float:left;
}
#step2 .item {
width:240px;
float:left;
}
#step2 .item-w {
width:360px;
float:left;
}
#step1 a img {
display: block;
padding: 5px;
background: #fff;
border: solid 1px #ccc;
}
#step1 a:hover img {
background: #619FB2;
}
#step2 a img {
padding: 3px;
background: #fff;
border: solid 1px #ccc;
margin: 1px;
}
#step2 a:hover img {
background: #619FB2;
}
#step2 img.highlight {
background: #783343;
}
#step1 h3, 
#step2 h3, 
#step3 h3 {
color: #783343;
}
p#GoLink {
padding-top:5px;
text-align:right;
font-size:120%;
font-weight:bold;
}
#size-selection,
#color-selection {
border-bottom:solid 1px #eed2d1;
clear:both;
font-size:130%;
padding-top:5px;
}
#size-selection p,
#color-selection p {
color:#000;
}
#confirmbox img {
display: block;
padding: 5px;
background: #fff;
border: solid 1px #ccc;
margin:20px 0;
}
#confirmbox .confirmlinks p {
font-size:110%;
font-weight:bold;
}
#confirmbox span {
font-size:170%;
}
#confirmbox #confirmmsg {
font-size:90%;
font-weight:normal;
}
p.author {
font-weight:bold;
}
#notification p {
font-size:140%;
}

#blog-feed {
float: right;
width: 220px;
margin: 60px 0 20px 0;
}
#blog-feed ul,
#blog-feed p {
font: 12px Arial, sans-serif;
padding-left: 20px;
list-style: none;
}
#blog-feed h3 {
color:#619FB2;
margin-bottom: 10px;
padding-left: 20px;
}

#blog-feed .rss_items a {
font-weight: bold;
font-size: 13px;
}
#blog-feed .rss_date {
font-size: 11px;
color: #555;
margin-bottom: 8px;
display: block;
}