@import "reset.css";
@import "typography.css";

/* @group Layout */

html
					{
					background: url(img/bg-ornate-rpt.jpg);
					}



body
					{
					border: 1px solid #BAA9B3;
					background: #6B586A;
					text-align: center; /* IE Fix */
					margin:0;
					width: 957px;
					margin: 4.5em auto;
					position: relative;
					}
.container
					{
					border: 17px solid #fffcf6;
					text-align: left;
					position: relative;
					margin: 0 auto;
					padding: 0;
					width: 923px;
					}
/* Use this as a section break*/
div.section-break
					{ 
					background: ; 
					clear: both; 
					width: 100%; 
					height: 1.5em; 
					margin: 0; 
					border: none; 
					background: transparent url("img/section-break.png") no-repeat center center;
					padding: 1.5em 0 4.5em;
					}


#content-main,
#masthead
					{
					padding: 0 51px;
					}

#content-main
					{
					padding-bottom: 3em;
					}



/* @end */

/* @group Golden Rule */

#designers
					{
					position: absolute;
					bottom: -1.5em;
					right: 0;
					color: #A290A1;
					font-style: normal;
					text-align: right;
					}
#designers a
					{
					color: #A290A1;
					font-style: normal;
					text-decoration: none;
					}
#designers a:hover
					{
					text-decoration: underline;
					}

/* @end */

/* @group Quotes */

blockquote p
					{
					font-size: 2em;
					line-height: 1.125em;
					color: #B1A0A2;
					}
#content-main q
					{
					font: italic 2.500em/1.2em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
					display: block;
					text-align: center;
					margin: 0.5em 50px 1.2em;
					padding-bottom: 1.2em;
					color: #FFF;
					}

/* @end */

/* @group Masthead */

#masthead
					{
					padding-top: 3em;
					background-image: url('img/bg-masthead-rpt-x.jpg');
					background-repeat: repeat-x;
					margin: 0 0 4.5em;
					}

/* @group Brand */

#masthead h1

					{
					color: #AAA2AA;
					font-style: italic;
					font-weight: 900;
					text-transform: lowercase;
					margin-bottom: 0;
					}
#masthead h1 + p
					{
					color: #958B99;
					font-size: 1.5em;
					line-height: 1em;
					margin-bottom: 2.5em;
					font-style: italic;
					}


/* @end */

/* @group Shop Hours */

#shopHours
					{
					border: 1px solid #69525E;
					margin: 0;
					background: url('img/floating-lotus.jpg') no-repeat 5px 5px;
					}
#shopHours div
					{
					border: 5px solid #fffcf6;
					overflow: hidden;
					text-align: center;
					}
#shopHours h2,
#shopHours ul
					{
					width: 265px;
					margin: 0;
					padding: 0 0.75em;
					float: right;
					clear: right;
					background: #FFF;
					opacity: 0.85;
					
					}
#shopHours h2
					{
					color: #ACAF91;
					font-size: 4em;
					font-style: italic;
					font-weight: 400;
					line-height: 1em;
					margin-bottom: 0;
					padding: 5px 0.188em;
					text-transform: none;
					}
#shopHours ul
					{
					color: #74565e;
					list-style: none;
					padding: 0.75em;
					}
#shopHours li
					{
					margin-bottom: 1.5em;
					font: italic normal 1em/1.5em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;	
					}
#shopHours li.last
					{
					margin-bottom: 0;		
					}
#shopHours li strong
					{
					font-size: 1.5em;
					line-height: 1em;
					display: block;
					}

/* @end */
/* @end */

/* @group Intro */

.intro
					{
					width: 514px;
					margin-right: 20px;
					float: left;
					color: #FFF;
					font-size: 1.167em;
					line-height: 1.286em;
					clear: none;
					}
.intro h3
					{
					font-size: 1em;
					line-height: 1.5em;
					margin-bottom: 0;
					font-weight: 900;
					}
#introQuote
					{
					margin: 0.75em 0 0;
					padding: 1.5em 0;
					background-position: center top;
					background-repeat: no-repeat;
					text-align: center;
					width: 267px;
					float: right;
					}
#content-main > #introQuote
					{ background-image: url("img/bdr-quote.png"); }

#introQuote p
					{
					margin-bottom: 0.250em;
					padding-bottom: .75em;
					background-position: center bottom;
					background-repeat: no-repeat;
					}
#introQuote > p
					{background-image: url("img/bdr-quote.png");}

/* @end */

/* @group Workshops */

#workshops
					{
					list-style: none;
					padding: 0 20px;
					}
#workshops li
					{
					padding: 0 0 0 267px;
					border-bottom: 3px double #7A6979;
					margin-bottom: 1.5em;
					position: relative;
					}
#workshops li.last
					{
					border-bottom: none;
					}
#workshops h3
					{
					color: #DDDFC0;
					font-size: 1em;
					font-weight: 900;
					line-height: 1.5em;
					margin-bottom: 0;
					text-transform: uppercase;
					letter-spacing: 0.05em;
					}
#workshops li img
					{
					position: relative;
					float: left;
					left: -267px;
					top: -1.5em;
					margin: 0 -247px 0 0;
					background: #A596A4;
					padding: 3px;
					border: 1px solid #645263;
					width: 239px;
					}
#workshops p
					{
					font-size: 1.083em;
					line-height: 1.385em;
					margin-bottom: 1.385em;
					}

#workshops li p strong
					{
					color: #FAF4EC;
					}
/* @end */

/* @group Contact Information */

#contactInfo
					{
					position: relative;
					padding: 0 0 0.75em;
					background: url('img/bg-contact-vcard.png') no-repeat left bottom;
					margin-top: 3em;
					}

/* @group Vcard */

#contactInfo .vcard
					{
					width: 227px;
					margin: 0;
					padding: 2.25em 20px;
					float: left;
					position: relative;
					top: -.75em;
					background: url('img/bg-contact-vcard.png') no-repeat 0 0;
					}
#contactInfo .vcard div
					{
					padding-left: 5px;
					padding-right: 5px;
					font-style: italic;
					color: #FFF;
					}
#contactInfo .vcard p
					{
					font: italic 1.167em/1.286em Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
					color: #B1A0A2;					
					}
#contactInfo .vcard .org
					{
					text-indent: -1000em;
					height: 0px;
					margin: 0;
					}
#contactInfo .vcard .fn
					{
					color: #FAF4EC;
					
					}
#contactInfo .vcard .position,
#contactInfo .vcard .street-address
					{
					display: block;
					}					

#contactInfo .vcard div span,
#contactInfo .vcard div a
					{
					padding-left: 5px;
					padding-right: 5px;
					font-style: italic;
					color: #D3A38A;
					text-decoration: none;
					}

/* @end */


/* @group Form */

#fm-contact
{
					background: #7A6979;
					width: 554px;
					float: right;
					}

label 
					{
					font-size: 0.917em;
					line-height: 1.636em;
					font-weight: normal;
					font-style: normal;
					display: block;
					color: #DDDFC0;
					}


/* Fieldsets */
fieldset
					{
					padding: 1.5em 20px;
					margin: 0;
					border: 0;
					}
fieldset.buttons
					{
					padding-top: 0;
					}
legend      { font-weight: bold; font-size:1.2em; display: none; }

/* @group Inputs */

/* Text fields */

input[type=text],
fieldset > textarea
					{
					border: 1px solid #645263;
					background: #FAF4EC;
					font: 400 1.167em/1.286em Georgia, "Times New Roman", Times, serif;
					margin: 0 0 0.643em;
					padding: 3px 3px 4px;
					display: block;
					color: #74565E;
					}

input[type=text]	{
					width: 239px;
					}

/* Textareas */
textarea
					{
					width: 425px;
					height: 152px;
					}

/* @group Focus Styles */

textarea:focus,
input[type=text]:focus
					{
					border:1px solid #573F45;
					background:#fff;
					color: #000;
					}

/* @end */

/* @group Buttons */

input[type=submit]
					{
					background: none;
					border: 0;
					cursor: pointer;
					padding: 0;
					margin: 0;
					text-align: center;
					color: #A39AA0;
					width: 90px;
					height: 27px;
					font: 1em/1.5em Georgia, "Times New Roman", Times, serif;
					}
input[type=submit]:hover
					{
					background-position: 0 0 !important;
					color: #FFF;
					}
input[type=submit]#send
					{
					background-image: url("img/btn-send.png");
					background-position: 0 -27px;
					}

/* @end */

/* @end */


/* @group Notification Messages */
/* Success, error & notice boxes for messages and errors. */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #CC0000; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

/* @end */

/* @end */

/* @end */

/* @group Clearing */

.container:after,
hr:after,
#workshops li:after,
#contactInfo:after
						{ 
						content:  "."; 
						display: block;
						height: 0;
						clear: both;
						visibility: hidden;
						}


/* @end */