/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Chaparral', Georgia, serif;
	color: #333;
	text-align: center;
	}
body a {color:#3F3B36;}

.amp{
font-weight:bold;
}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
	}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
	}

#content {
	font-size: 1.2em;
text-align: left;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}

small {
	font-family: 'Chaparral', Georgia, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: 'Chaparral', Georgia, serif;
	font-weight: bold;
	}

h1 {
	font-size: 4em;
	text-align: center;
	}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}

h2 {
	font-size: 2em;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: 'Chaparral', Georgia, serif;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.3em;
	}

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;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}
.sticky h2 {
	padding-top: 10px;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Chaparral', Georgia, serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Chaparral', Georgia, serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em 'Chaparral', Georgia, serif;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #777;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Chaparral', Georgia, serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */


/* CONTENT STRUCTURE */
body {margin: 0 0 20px 0;padding: 0;background: url('/images/back.gif') 0 0 repeat;}

div#maincontainer{height:auto;width:900px;background: transparent url() 0 0 no-repeat;margin: 50px auto;}
#container{width:900px;height: auto;margin-top:7px;background: #FFFFFF url() 0 0 no-repeat;}
#content{width:890px;height: auto;position:relative;top:5px;left:5px;background: transparent url(/images/side-bar-image.gif) 0 0 repeat-y;}
#gallerycontent{width:890px;height: 510px;position:relative;top:5px;left:5px;background: transparent url() 0 0 no-repeat;}

/* HEADER */

#header{height:90px;width:900px;background: transparent url() 0 0 no-repeat;}
div#headernav{height:70px;width:590px;float:left;position: relative;top:10px;background: transparent url(/images/nav.gif) 0 0 no-repeat;}

#headernav a{display: block;float: left;background: transparent url() 0 0 no-repeat;height: 70px;}
#header a span{display:none;}

/* HEADER LINKS */
ul#nav li ul li a{font-size: 10px; font-family: 'Chaparral', Georgia, serif; color: #3F3B36; display: block; width: 150px;height:31px;text-align:left; text-align: center;padding: 2px 0px 2px 0px;border-bottom: 1px solid #F1eee8;}
ul#nav li ul li a:hover{text-decoration: none;}
#headernav li {float: left;position: relative;}
#headernav ul {padding:0;margin:0;list-style:none;}
#headernav ul li {position:relative;}
#headernav ul li ul{position:relative; background: #ffffff url() 0 0 no-repeat;}
#headernav ul li ul li{position:relative; width: auto; padding: 0px 2px 6px 2px; height: 31px;background: #ffffff url() 0 0 no-repeat;}
#headernav li ul {display:none;position:absolute;top:0;left:0;}
#headernav li>ul {top:auto;left:auto;}
#headernav li:hover ul, #headernav li.over ul {display: block;}

ul#nav li ul li a#customgallerydd{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) 0 0 no-repeat;}
ul#nav li ul li #theprocessdd{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) 0 -30px no-repeat;}
ul#nav li ul li #customdesigninquirydd{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) 0 -60px no-repeat;}

ul#nav li ul li #collectiongallerydd{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) 0 0 no-repeat;}
ul#nav li ul li #collectionpricingdd{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) 0 -30px no-repeat;}
ul#nav li ul li #yourstepsdd{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) 0 -60px no-repeat;}
ul#nav li ul li #premierecollectionorderdd{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) 0 -90px no-repeat;}

ul#nav li ul li #customdesigninquiry2dd{background: #ffffff url(/images/dropdowns/order-dropdown.gif) 0 0 no-repeat;}
ul#nav li ul li #premierecollectionorder2dd{background: #ffffff url(/images/dropdowns/order-dropdown.gif) 0 -30px no-repeat;}
ul#nav li ul li #tipsdd{background: #ffffff url(/images/dropdowns/order-dropdown.gif) 0 -60px no-repeat; padding-bottom:3px;}

/*HOVERS!*/

ul#nav li ul li a#customgallerydd:hover{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) -150px 0 no-repeat;}
ul#nav li ul li a#theprocessdd:hover{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) -150px -30px no-repeat;}
ul#nav li ul li a#customdesigninquirydd:hover{background: #ffffff url(/images/dropdowns/custom-dropdown.gif) -150px -60px no-repeat;}

ul#nav li ul li a#collectiongallerydd:hover{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) -150px 0 no-repeat;}
ul#nav li ul li a#collectionpricingdd:hover{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) -150px -30px no-repeat;}
ul#nav li ul li a#yourstepsdd:hover{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) -150px -60px no-repeat;}
ul#nav li ul li a#premierecollectionorderdd:hover{background: #ffffff url(/images/dropdowns/collection-dropdown.gif) -150px -90px no-repeat;}

ul#nav li ul li a#customdesigninquiry2dd:hover{background: #ffffff url(/images/dropdowns/order-dropdown.gif) -150px 0 no-repeat;}
ul#nav li ul li a#premierecollectionorder2dd:hover{background: #ffffff url(/images/dropdowns/order-dropdown.gif) -150px -30px no-repeat;}
ul#nav li ul li a#tipsdd:hover{background: #ffffff url(/images/dropdowns/order-dropdown.gif) -150px -60px no-repeat; padding-bottom:3px;}



a#backstory, li#backstorydropdown{width:120px;}
a#customdesign, li#customdesigndropdown{width:123px;}
a#premierecollection, li#premierecollectiondropdown{width:159px;}
a#order, li#orderdropdown{width:86px;}
a#blog, li#blogdropdown{width:102px;}

a#backstory:hover {width:120px;height: 70px;background:url(/images/nav.gif) 0 -70px no-repeat;}
a#customdesign:hover {width:123px;height: 70px;background:url(/images/nav.gif) -120px -70px no-repeat;}
a#premierecollection:hover {width:159px;height: 70px;background:url(/images/nav.gif) -243px -70px no-repeat;}
a#order:hover {width:86px;height: 70px;background:url(/images/nav.gif) -402px -70px no-repeat;}
a#blog:hover {width:102px;height: 70px;background:url(/images/nav.gif) -488px -70px no-repeat;}

#backstorypage #backstory {background:url(/images/nav.gif) 0px -140px no-repeat;}
#customdesignpage #customdesign {background:url(/images/nav.gif) -120px -140px no-repeat;}
#premierecollectionpage #premierecollection {background:url(/images/nav.gif) -243px -140px no-repeat;}
#orderpage #order {background:url(/images/nav.gif) -402px -140px no-repeat;}
#blogpage #blog,#blogpost #blog {background:url(/images/nav.gif) -488px -140px no-repeat;}
#contactpage #footercontact {background-position: 0px -30px !important;}

a#logo{display:block;float:left;height:90px;width:310px;background: transparent url(/images/header_logo.png) 0 0 no-repeat;}

/* HOME */

#homegallery{width:890px;height: 500px;background: transparent url() 0 0 no-repeat;margin-left:1px;}
#homepage #container{background: #ffffff url() 0 0 no-repeat;}
#homepage #content{background: #ffffff url() 0 0 no-repeat;}

/* BACKSTORY */
.backstoryp{display:block;width: 540px;position:relative;margin:0px 0px 0px 22px;}
.sidebarp{margin-top:16px;color:#403b36; line-height:130%; text-align:justify;font-size:12px;}
#backstoryleftbar{height:auto; padding-bottom:10px;}

/* CONTACT */
a#typewriter {display: block;width: 585px;height: 500px;border: none;background: transparent url("/images/typewriter.gif") 0px 0px no-repeat;}
.contactp{text-align:center; font-size: 12px; line-height: 250%; color:#00929f;letter-spacing:2px;}
.contactp a{color:#00929f;}
.contactp a#hellolink:hover {color:#9e9386;}
.tancolor{color:#9e9386; padding-right:10px; font-size: 10px;}


/* TIPS */
div#tipsleftbar{height:auto;}
div#tipscontainer{height:auto;padding-bottom:25px;}
div#tipsrightbar{height:auto;}
div#tipscontainer{width:525px; position:relative;margin-left:30px; line-height: 140%;}
#tipsrightbar img{margin-top:10px;}

/* STEPS */
div#stepsleftbar{height:auto;}
div#stepscontainer{height:auto;padding-bottom:25px;}
div#stepsrightbar{height:auto;}
div#stepscontainer{width:525px;position:relative;margin-left:30px; line-height: 140%;}
#stepsrightbar img{margin-top:10px;}

/* PRICING */
div#pricingleftbar{height:auto;}
div#pricingcontainer{height:auto;padding-bottom:25px;}
div#pricingrightbar{height:auto;}
div#pricingcontainer{width:525px;position:relative;margin: 30px 0 30px 30px; line-height: 140%;}
#pricingrightbar img{margin-top:10px;}
.priceqty{font-weight:bold;text-align: left; display:block; width:150px; float:left;}
.price1{text-align: left; display:block; width:150px; float:left;}
.price2{text-align: left; display:block; width:150px; float:left;}
.qty{font-weight:bold;text-align: left; display:block; width:125px; float:left;}
.papertype1{font-weight:bold;text-align: left; display:block; width:140px; float:left;}
.papertype2{font-weight:bold;text-align: left; display:block; width:150px; float:left;}
div.pricingtable{width:500px; height: auto; margin-left:20px;}

/* PROCESS */
div#processleftbar{height:auto; }
div#processcontainer{height:auto;padding-bottom:25px;}
div#processrightbar{height:auto;}
div#processcontainer{width:525px;position:relative;margin-left:30px; line-height: 140%;}
#processrightbar img{margin-top:10px;}
.leftbullet{text-align: left; display:block; width:200px; float:left;}
#processoptions{height:140px; width: 475px; margin-left:50px;}
.bullet{color:#00929F}

/* BLOG */
#blogcontainer{position:relative;height:auto;width:600px;background: #F1eee8 url() bottom left no-repeat;margin-left: 5px;padding-bottom:70px;float:left;top:-5px;}
#blogpage #content, #blogpost #content{position:relative; height:auto;width:530px;background: transparent url() 0 0 no-repeat;left:35px;top:20px;}
#blogpage #container{height:auto;padding:0px 0px; background: #ffffff url(/images/blog-back.gif) 0 210px  repeat-y;border-top:5px solid white;}
#blogpost #container{height:auto;padding:0px 0px; background: #ffffff url(/images/blog-back.gif) 0 210px  repeat-y;border-top:5px solid white;}
#blogheader{display:block;width:890px; height:200px; margin:0px 0 10px 5px;background: #F1eee8 url(/images/blog-header.jpg) 0 0 no-repeat;}
.post{background: transparent url('/images/blog-divider.gif') 10px bottom no-repeat; padding-bottom:50px;text-align:justify;}

/*404*/
div#404content{width:600px; height:500px;float:left;background: green url('/images/404-page.gif') 0 0 no-repeat;}


/* BASIC PAGE TEMPLATES */

.leftbar{float: left;width:300px;height: 500px;background: #F1eee8 url() 0 0 no-repeat;}
.leftbar p{width:280px;display:block; margin-left:10px;}
.leftbar a:hover {color:#00929f; text-decoration: none;}
.rightbar{width:585px;height: 500px;position:relative;float: left;margin-left:5px;background: #F1eee8 url() 0 0 no-repeat; overflow:hidden;}
/* FORMS */

.formcontent{width:890px;height: auto;background: #F1eee8 url() 0 0 no-repeat; padding:30px 0px 30px 0px;}
.formbox{width:860px;height: auto;background: transparent url() 0 0 no-repeat; margin:0px 0px 0px 20px}
#customdesignformbox{margin-left:50px; width: 450px;}
.formp{text-align:left;}
.forminfo{width:350px; float: left; margin-left:10px; color: #979187;}
div#premierecollectionheader{width:450px; height:150px; float: left; margin-left:40px; background: url(/images/form-headers/premier-collection-order-header.gif) 0 0 no-repeat;}
div#designinquiryheader{margin: 0px 0px 0px 0px;width:300px; height:432px;background: url(/images/form-headers/custom-inquiry-header2.gif) 0px 0px no-repeat;}
/* FOOTER */

#footer{width:900px;height:30px;clear:both;background: #FFFFFF url() 0 0 no-repeat; overflow:visible;position:relative;}
#footer a{display: block;width:90px;height: 30px;float: left;background: #FFFFFF url() 0 0 no-repeat;}

a#footercontact{position: relative;margin-left:620px; background: url(/images/footernav/footer-nav-contact.gif) 0 0 no-repeat;}
a#footersitemap{background: url(/images/footernav/footer-nav-sitemap.gif) 0 0 no-repeat;}
a#footerfb{background: url(/images/footernav/footer-nav-fb.gif) 0 0 no-repeat;}

#footer a:hover{background-position: 0px -30px !important;}
#footer a span{display:none;}

/* SITEMAP */
#sitemaphome{margin-left:0px;}
div.sitemapdivs{width:135px;height:110px;float:left; padding:0px!important;}
.sitemaplist li{display:block;width:135px;text-decoration: none; list-style: none;margin-top:5px; text-align:center;}
.sitemaplist a{display:block;}
.sitemaplist a:hover{color:#00929F; text-decoration: none;}
div#sitemapblog{margin-left:-15px;}
.sitemaptitle{font-weight: bold;font-size:1.1em;}

/* AMPERSAND FLOATER */

#amp{width:232px;height:318px;position:absolute;top:0px;left:0px;background: url('/images/amp.png') 0 0 no-repeat;z-index: -1;}


/* TYPE HEADER */


h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */


.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 180px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin XSidebar */
#blogsidebar{width:285px;float:left;margin-left:5px;margin-top:5px;background: #DDD3C7 url() 0 0 repeat-x; line-height:140%;}
#sidebar{background: #DDD3C7 url() 0 0 no-repeat; width: 245px;padding:10px 0px 30px 0px; text-align:left; margin-left:20px;line-height:140%;}

#sidebar form {
	margin: 0;
	}
#searchbar{margin-top:50px;}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */


