/* Maggie's color palette
Nav backgrounds
#1C180C		obsidian

Gallery backgrounds
#54505E		dark gray-purple
#806E59		brown

Heading text
#E5B376		teak
#FFD9A6		paper

Links
#002F73		dark blue
#E6F0FF		light blue

*/

body { background-color: #1C180C; margin: 0; font-size: 62.5%; /* 10px = 1em */ }


/* start 7/13/2008 edits */
#index #content a, #gallery #content a { color: #234C8E; }
#index #content .homepage-category a { color: #e6f0ff; }
#gallery #content h1 a { color: #1C180C; }
#gallery #content .category-name a, #gallery #content .category-name a:link, #gallery #content .category-name a:visited { color: #1C180C; }
/* end 7/13/2008 edits */

a, a:link, a:visited { color: #E6F0FF; text-decoration: none; }
a:hover { color: #234C8E; }

#index { background-color: #806E59;	}
#index #content img, #mailing-list #content img { border:solid 1px #5A4D3E; }
#index .caption, #index p, #mailing-list .caption, #mailing-list p { margin-right: 20px; }
#index .caption, #mailing-list .caption { text-align:right; font-size:1.1em; font-style:italic; }
#mailing-list, #contact-form, #holiday-contact-page {background-color: #F7F7F2; }
#mailing-list table {font-size: 0.9em; }

#process { background: #1C180C url('../images/background_process.jpg') no-repeat center top; }
#about { background: #1C180C url('../images/background_about.jpg') no-repeat center top; }
#about .footer { display: none; }
#gallery h1, #gallery h2 {display:inline; }
#index, #gallery, #cart { background-color: #f3f1e4; }
#cart #content a { color: #002F73; }
#customize { background: #1C180C/* url('/images/background_custom_projects.jpg') no-repeat center top*/; }
#customize-1 { background: #1C180C url('../images/background_custom_projects_invitations.jpg') no-repeat center 70px;}
#customize-2 { background: #1C180C url('../images/background_custom_projects_invitations.jpg') no-repeat center 70px;}
#customize-3 { background: black /* url('../images/background_customize-3.jpg') no-repeat top left; */ }
#customize-4 { background: #1C180C url('../images/background_custom_projects.jpg') no-repeat center top; }
#custom-project { background-color: #f3f1e4; /*background: #f3f1e4 url('../customize/IMG_2752.jpg') no-repeat center top;*/ }

#holiday-contact-page .container_12 a, #holiday-contact-page .container_12 a:link, #holiday-contact-page .container_12 a:visited {color:#234C8E;}
#holiday-contact-page p.first-line {font-size:130%; margin:0 0 2.4em 0;}
#holiday-contact-page ol.how-it-works {font-size:100%; margin:0 0 3.6em 1.8em;}
#holiday-contact-page ol.how-it-works li {margin: 0 0 0.6em 0;}
#contact-form .container_12 .grid_9 {padding:2.4em 0 0 0;}

/* headings */
h1, h2, h3, h4 { margin: 0; font-weight: normal; font-family: Georgia, serif; }
h1 { font-size: 3.0em; }
h2 { font-size: 2.4em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; letter-spacing:0.05em; font-weight: normal; color: #64171F; text-transform: lowercase; padding: 0 0 6px 0; }
h2.category-name { margin: 0 0 0 6px; font-style:italic; text-transform:lowercase; font-size: 3.0em; color: #64171F; }
#about h1 { text-transform:lowercase; color:#1c180c; margin:0 0 12px 0; }
#cart h1 { display:inline; text-transform:lowercase; color:#1C180C; float:left; }
#cart h3 { font-size: 1.6em; font-weight: normal; color: #806e59; text-transform: lowercase; }
#contact-form h2 { font-size: 1.8em; line-height:1.33em; }
#customize h2 a, #custom-project h2 a:link, #custom-project h2 a:visited { color:#1C180C; }
#custom-project h3 {color:#64171f; text-transform: lowercase; font-style:italic; margin:0 0 0.7em 0;}
#customize h4, #custom-project h4 { font-size: 1.2em; letter-spacing:0.1em; font-weight: bold; color: #1C180C; text-transform: uppercase; padding: 0 0 6px 0; }
.letterpress-holiday-cards .imgsw_list_thumbnails {text-align:center;}
.letterpress-holiday-cards #content a:link, .letterpress-holiday-cards #content .column500 a:visited {color: #234C8E}
.letterpress-holiday-cards .back-link {font-size:1.1em; display:inline; margin-right:1.8em;}
.item-description, .buy-from {font-size:1.0em; margin:0; }
.page-title { color: #1c180c; letter-spacing:-0.05em; text-transform:lowercase; }
.project-name { font-size:2.4em; margin:0 0 0.6em 0; color:#1C180C; font-weight:100;}
.section-name { text-transform:lowercase; font-size:1.8em; margin:0 0 0.9em 0;}
#mailing-list #content td h1 { font-size:1.0em; }
#contact-form h1 {margin: 1.0em 0 0 0; }
#mailing-list h2, #contact-form h2 { color: #806E59; text-transform:lowercase; margin: 0.75em 0 0.5em 0; }
#mailing-list h2 a, #contact-form h2 a { color: #806E59; }
#process h1 { text-transform:lowercase; color:#FFD9A6; margin:0 0 12px 0;}
#page-collection h2 a.asdf {color: #64171F;}


p, ul, ol, th, td { font-family: Georgia, serif; font-size: 1.3em; line-height: 1.4em; color: #1C180C; }
p { margin: 0 0 1.7em 0; }
ul { margin-top: 0; }	

/* list styles */
#custom-options-list { padding:0 0 0 18px; font-size:1.2em; }
ul.secondary-nav { list-style-type:none; padding: 0 0 0 12px;}
ul.secondary-nav a.current-section { color: black; font-style:italic; }
.secondary-nav li { font-size: 1.2em; line-height:1.33em; }
.secondary-nav li a { color:#234c8e; }
#customize .secondary-nav, #custom-project .secondary-nav { margin:0 0 2.4em 0; }
#customize .secondary-nav li, #custom-project .secondary-nav li { font-size: 1.0em; line-height:1.5em; }
#shipping-info {font-size:90%; }
#shipping-info th { background-color: transparent; color: #1C180C; }
#shipping-info tbody {border-bottom: solid 1px #1C180C; }

/* tables */
th { text-align:left; background-color: #1C180C; color:#E5B376; }
td input { padding:1px; font-family: Georgia, serif; font-size: 1.3em;}
#custom-project th, td { padding:5px; }
#custom-project th { color:#1C180C; background-color:transparent; }
#custom-project thead th { border-bottom: solid 2px #1C180C; }
#custom-project tbody td.divider { border-bottom: solid 1px #aaa0a5; }

.nomargin { margin: 0;	}

.transparent { background: url('../images/transparent.png'); background-repeat: repeat; padding: 10px; }
.transparent-25 { background: url('../images/transparent-25.png'); background-repeat: repeat; padding: 10px; }
.transparent-50 { background: url('../images/transparent-50.png'); background-repeat: repeat; padding: 10px; }
.transparent-75 { background: url('../images/transparent-75.png'); background-repeat: repeat; padding: 10px; }

/* link styles */	

#contact-form .grid_9 a, #contact-form .grid_3 a, #mailing-list #content a { color: #234c8e; }
#contact-form .grid_9 a:hover, #contact-form .grid_3 a:hover, #mailing-list #content a:hover { border-bottom: solid 1px #234c8e; }

h1 a, h1 a:link, h1 a:visited {
	color: #FFD9A6;
}

.globalNav li a { color: #E6F0FF; border-bottom: none; }
.globalNav li a:hover { border-bottom: solid 1px #E6F0FF; }
.globalNav { list-style-type: none; float: right; margin: 0; }
.globalNav li { display: inline; font-size: 1.2em; margin: 0 0 0 2.0em; text-transform: lowercase; line-height: 1.2em; }

a img, a:hover img { border: none; }
a.lightBlue, a.lightBlue:link, a.lightBlue:visited { color: #E6F0FF; }
a.lightBlue:hover { border-bottom: solid 1px #E6F0FF; }

.homepageNav { font-size: 2.0em; line-height: 1.5em; }

.teaser { font-style: italic; }

.caption, .footer { font-family: Georgia, serif; font-size: 1em; clear: both; padding: 12px 0 12px 0; }

.footer a:link, .footer a:visited {
	text-decoration: none;
	color: #1C180C;
}
.footerNavContainer { width: 100%; margin: 0 auto; border-top: solid 1px #1c180c; }
ul.footer-links {margin:0 0 1.0em 0; padding:0; list-style-type:none; }
ul.footer-links li {display:inline; margin:0 1.0em 0 0; }
ul.footer-links li img {margin:0 0.25em 0 0; }


#navBarContainer { width: 100%; margin: 0 auto; background-color: #1c180c; }
#navBar { height: 58px; padding-top: 5px; width: 980px; margin: 0 auto; }
#navBar img { float: left; margin: 0px 0px 0px 10px; }
.navLinks { padding-top: 15px; width: 615px; /* 770 total width - 60px for logo img = 710 */ float: left; }
ul.subnav-menu {margin:0; padding:0; }
li.subnav-item {font-size:1.4em; line-height:1.4em; list-style-type:none; margin:0; padding:0;}
#announcement {background-color:#f3f1e4; }
#announcement p {text-align:center; color:#806e59; padding: 0.5em 0 0 0; font-style:italic; }
#index #announcement, #process #announcement, #about #announcement {display:none; }

.p {
	clear: both;
	padding: 0px 9px;
	_position: absolue;
	_top: 46px;
}

.headerImage {
	margin: 0px 0px 20px 0px;
}

#content {
	width: 840px;
	margin: 10px auto;
}

.column100 {
	width: 100px;
	float: left;
	margin: 0px 20px 20px 0px;
	display: inline;
}

.column250 {
	width: 250px;
	float: left;
	margin: 0px 10px;
	display: inline;
}

.column500 {
	width: 520px;
	float: left;
	margin: 0px 0px 0px 10px;
}

.headingRow {
	clear: both;
	width: 810px;
	margin: 0px 10px 0px 10px;
}

.row { /* spaces the pics correctly on gallery index */
	clear: both;
	width: 810px;
	margin: 0px 10px 20px 10px;
}

.row .column250 {
	margin: 0px 10px 20px 0px;
	display: inline;
}

.imgsw_list_thumbnails {
	margin: 0px 0px 10px 0px;
	padding: 10px 0px;
	text-align: left;
}

.imgsw_list_thumbnails a span img:hover {
	background-color:#ccc;
}

.imgsw_list_thumbnails a span img {
	display: inline;
	margin: 0px;
	padding: 3px;
}

.imgsw_viewport {
	margin: 0px;
}

.imgsw_viewport img, .imgsw_viewport img:hover {
	border:solid 1px #1c180c;
}

.paper { color: #FFD9A6; }
.teak { color: #E5B376; }

.tagline { color: #806e59; font-size: 1.8em; font-family:Georgia, serif; line-height: 1.1em; text-transform:lowercase; width:450px; margin:0; padding:0 0 15px 0; }
.homepage-category { height:30px; text-align:left; font-size: 1.8em; text-transform: lowercase; margin: 150px 0 0 15px; padding:0 0 15px 0; }
.homepage-letterpress {background: transparent url(../images/cards/IMG_1926_m.jpg) no-repeat top left; }
.homepage-journals {background: transparent url(../images/books/IMG_3311_m.jpg) no-repeat top left; }
.homepage-albums {background: transparent url(../images/books/IMG_2357_m.jpg) no-repeat top left; }
.homepage-guestbooks {background: transparent url(../images/homepage_guestbooks.jpg) no-repeat top left; }

div.featured-item-container { width:200px; float:right; margin:178px 10px 0 0; text-align:right; }
h2.featured-item { margin:0; display:block; font-size:1.6em; line-height:1.2em; }

.your-cart { display:inline; float:right; padding: 18px 18px 0 0; margin:0; text-align:right; }
.dimensions, .page-count { font-size: 1.4em; font-family: Georgia, serif; color: #1C180C; margin: 6px 0px; }
.dimensions { float:left; clear: left; margin-bottom: 20px; }
.item { float:left; width:190px; font-family:Georgia; font-size:1.4em; }
.item-detail .price { font-style: italic; float:right; color:#1c180c; }
.item-detail p {clear: left;}
.item-name { font-family:Georgia, serif; font-size:1.8em; }
.item-price { float:right; width:50px; text-align:right; margin-right:10px; font-family:Georgia; font-size:1.4em; }
.out-of-stock, .buy-on-etsy { font-size:1.2em; font-family:Georgia, serif; color:#1c180c; }
.page-count { float:right; clear: right; margin-bottom: 20px; }
.paper-type { font-family:Georgia, serif; font-size:1.2em;  margin:0 0 9px 0; color:#806E59; }
.price { font-size: 1.8em; font-family: Georgia, serif; }

.right { text-align: right; }
.center { text-align: center; }
.float-right { float:right; }
.float-left { float:left; }

.huge { font-size: 700%; letter-spacing: -.025em; }
.big { font-size: 200%; letter-spacing: -.025em; }
.medium { font-size: 200%; }
	
/* form styles */

#contact { margin: 0px 0px 20px 0px; }
#contact label { font-family: Georgia, serif; font-size: 1.4em; margin: 3px 0px; float: left; width: 200px; }
#contact .textInput { font-family: Georgia, serif; font-size: 1.2em; margin: 3px 0px; padding: 3px; width: 200px; }
#contact fieldset { border: none; margin: 0px 0px 5px 0px; padding: 0; width:250px; }
#contact fieldset legend { font-family: Georgia, serif; font-size: 1.4em; margin: 0; padding: 0; }
#contact fieldset label { width: 100%; margin: 0px 0px 5px 200px; }
#contact fieldset label input { width: 1.2em; height: 1.2em; }
#contact textarea { font-family: Georgia, serif; font-size: 1.2em; padding: 3px; }
#contact .submit { margin: 5px 0px 0px 200px; font-size:1.5em; font-weight:bold; }
#buy ul { list-style-type: none; margin: 0 0 20px 0; }
#buy ul li { margin: 0 0 10px 0; }
#custom-project form {margin: 0 0 24px 0; }
#custom-project input {padding: 2px 0; margin: 2px 0; }
#custom-project label, #custom-project legend { font-family:Arial, sans-serif; font-size:1.1em; padding: 1.1em 0 0 0; display:block; }
#custom-project fieldset {border: none; padding:0; }	
#custom-project fieldset label {display:block; padding: 0.2em 0 0 0;}
.instructional-text { margin: 0 0 6px 0; font-size:1.2em; }
.inline-contact-form { margin:4px; width:150px; border:solid 1px #AAA0A5; padding:10px 15px 10px 10px; float:right; }

/* custom holiday card form styles */
#holiday-contact-form { margin: 0px 0px 20px 0px; }
#holiday-contact-form label { /*font-family: Georgia, serif; font-size: 1.4em;*/ margin: 3px 0px; float: left; width: 220px; }
#holiday-contact-form .textInput { /*font-family: Georgia, serif; font-size: 1.2em;*/ margin: 3px 0px; padding: 3px; width: 220px; }
#holiday-contact-form fieldset { border: none; margin: 0px 0px 5px 0px; padding: 0; }
#holiday-contact-form fieldset ul, #holiday-contact-form fieldset ul li {margin:0; padding:0;}
#holiday-contact-form fieldset ul {list-style-type:none;}
#holiday-contact-form fieldset ul li {float:left; width:100%;}
#holiday-contact-form fieldset legend { /*font-family: Georgia, serif; font-size: 1.4em;*/ margin: 0; padding: 0; }
#holiday-contact-form fieldset label { margin: 0px 0px 5px 0px; }
#holiday-contact-form fieldset label input { width: 1.2em; height: 1.2em; }
#holiday-contact-form textarea { font-family: Georgia, serif; font-size: 1.2em; padding: 3px; }
#holiday-contact-form .submit { margin: 5px 0px 0px 200px; font-size:1.5em; font-weight:bold; }
#holiday-contact-form div.grid_4 {padding:0.5em;}
#holiday-contact-form div.grid_4 img {padding:0 0.25em; float:left;}
#holiday-contact-form div.grid_4 label {font-size:1.1em; }
#holiday-contact-form div.grid_4:hover {background-color: #fff; }
#holiday-contact-form .quantity-menu, #holiday-contact-form .envelope-menu { color: #806E59; text-transform:lowercase; font-style:italic; margin: 0.75em 0 0.5em 0; }
#holiday-contact-form .envelope-menu label {font-size: 1.1em;}
.instructional-text { margin: 0 0 6px 0; font-size:1.2em; }
.inline-contact-form { margin:4px; width:150px; border:solid 1px #AAA0A5; padding:10px 15px 10px 10px; float:right; }

/* used by phplist */
#mailing-list .message { color: #806E59; font-size:1.1em; line-height:0.5em; margin:0 0 8px 0; }
#mailing-list-contact .message .required {color: #C00; margin:0px 2px;}
#mailing-list .attributename { width: 240px; }
#mailing-list-contact {margin:0; }
#mailing-list-contact .required {color: #C00; margin-left: 5px;}
#mailing-list-contact label { font-family: Georgia, serif; font-size: 1.6em; margin: 12px 0 2px 0; float: left; width: 480px; }
#mailing-list-contact fieldset { margin:1.2em 0; border: solid 1px #fcc; }
#mailing-list-contact fieldset label { font-family: Georgia, serif; font-size: 1.4em; margin: 0; float: left; width: 480px; }
#mailing-list-contact fieldset legend { font-family: Georgia, serif; font-size: 1.6em; margin: 3px 0px; }
#mailing-list-contact #email, #mailing-list-contact #emailconfirm, #mailing-list-contact #attribute2, #mailing-list-contact #attribute3 { font-size:1.2em; padding:3px; }

/* Control Tabs styles
--------------------*/
ul.subsection_tabs {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
	clear:both;
	border-bottom:1px solid #AAA0A5;
	height:20px;
	clear:both;
}

ul.subsection_tabs li {
	float:left;
	margin-right:40px;
	text-align:left;
}

ul.subsection_tabs li a {
	display:block;
	height:20px;
	padding:0 3px;
	background-color: transparent;
	color:#234c8e;
}

ul.subsection_tabs li a:hover {
	color:#234c8e;
}

ul.subsection_tabs li a.active {
	/* background-color:#e6e6e6; */
	font-weight: 900;
}

ul.register_tabs {
	border-bottom:none;
}

ul.register_tabs li a.active {
	background-color:#6d7a81;
	color:#fff;
}