/* screen styles for Elizabeth Brandon */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size: 62.5%; /* enables you to easily size text with ems */
	font-family: Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7, form, ul, ol, li, blockquote { /* resets most browser styles to enhance cross-browser compatibility */
	margin: 0;
	padding: 0;
}

a:link {color: #e84614; text-decoration: none;}
a:visited {color: #e84614; text-decoration: none;}
a:hover {color: #968d86; text-decoration: none;}
a:active {color: #e84614; text-decoration: none;}

/* ------------------- MAIN STRUCTURE OF THE PAGE ------------------- */

#centered-container {
	width: 802px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: url(../images/brandon_logo.jpg) no-repeat;
	min-height: 120px;
}

#main-content {

}

#footer {

}

#footer p {
	margin: 10px 0 10px 0;
	color: #968d86;
}

#footer a:link {color: #968d86; text-decoration: none;}
#footer a:visited {color: #968d86; text-decoration: none;}
#footer a:hover {color: #968d86; text-decoration: underline;}
#footer a:after {color: #968d86; text-decoration: none;}

/* ------------------- HEADER ELEMENTS ------------------- */

#header img { 
	float: left;
}

.navigation a:link {color: #968d86; text-decoration: none;}
.navigation a:visited {color: #968d86; text-decoration: none;}
.navigation a:hover {color: #e84614; text-decoration: none;}
.navigation a:after {color: #968d86; text-decoration: none;}

.navigation ul {
	font-size: 1em;
	color: #968d86;
	text-transform: uppercase;
	padding: 39px 0px 15px 44px;
	width: 150px;
	float: left;
}

.navigation ul li {
	list-style-type: none;
	margin: 0 0 8px 0;
}

.navigation ul strong {
	color: #e84614;
	font-weight: 300;
}

.sub-navigation a:link {color: #968d86; text-decoration: none;}
.sub-navigation a:visited {color: #968d86; text-decoration: none;}
.sub-navigation a:hover {color: #e84614; text-decoration: none;}
.sub-navigation a:after {color: #968d86; text-decoration: none;}

.sub-navigation ul {
	font-size: 1em;
	color: #e84614;
	text-transform: uppercase;
	padding: 39px 0 15px 0;
	width: 150px;
	float: left;
}

.sub-navigation ul li {
	list-style-type: none;
	margin: 0 0 8px 0;
}

.sub-navigation ul strong {
	color: #e84614;
	font-weight: 300;
}


/* ------------------- MAIN CONTENT ELEMENTS ------------------- */

.large-home-image {
	width: 802px;
	height: 412px;
	background: url(../images/homepage/painting.jpg) no-repeat;
}

.large-home-image p {
	display: none;
}

.three-home-images {
	width: auto;
}

.three-home-images img {
	float: left;
}

.middle-image {
	margin: 0px 4px 0px 4px;
}

.bar-below-image {
	height: 33px;
	background-color: #251f17;
	margin-top: 4px;
}

.bar-below-image h3 {
	color: #fff;
	font-size: 1em;
	text-align: right;
	text-transform: uppercase;
	font-weight: 300;
	word-spacing: 3px;
	padding: 10px 30px 0 0;
}

.bar-below-image strong {
	color: #be3e15;
	margin-right: 4px;
}

.bar-below-image a:link {color: #fff; text-decoration: none;}
.bar-below-image a:visited {color: #fff; text-decoration: none;}
.bar-below-image a:hover {color: #fff; text-decoration: none;}
.bar-below-image a:after {color: #fff; text-decoration: none;}

/* ------------------- MARKETPLACE PAGE ELEMENTS ------------------- */

/* --- left side --- */

.sub-page-left {
	width: 597px;
	float: left;
}

.sub-page-left img {
	margin-bottom: 10px;
}

.sub-page-left h2 { /* title of the painting */
	font-weight: 700;
	font-size: 1em;
	text-transform: uppercase;
	display: inline;
}

.sub-page-left p { /* description of the painting */
	margin: 5px 0 20px 0;
	color: #594f46;
}

.sub-page-left p.normal { /* text below the description */
	margin: 5px 0 6px 0;
	color: #968d86;
}

.price-and-add { /* positions the price and add to cart button */
	width: 150px;
	float: right;
	text-align: right;
	padding-top: 4px;
}

.price-and-add p {
	margin: 0;
	padding: 0;
}

.light-text { /* light text below the painting description */
	color: #ACACAC;
}

/* the styles that create the square add to cart button */
.price-and-add a:link {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; float: right; text-align: center; padding-top: 4px; text-decoration: none; margin: -4px 0 0 8px; text-transform: uppercase; font-size: 0.9em;}
.price-and-add a:visited {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; float: right; text-align: center; padding-top: 4px; text-decoration: none; margin: -4px 0 0 8px; text-transform: uppercase; font-size: 0.9em;}
.price-and-add a:hover {display: block; width: 100px; height: 14px; background-color: #968d86; color: #fff; float: right; text-align: center; padding-top: 4px; text-decoration: none; margin: -4px 0 0 8px; text-transform: uppercase; font-size: 0.9em;}
.price-and-add a:active {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; float: right; text-align: center; padding-top: 4px; text-decoration: none; margin: -4px 0 0 8px; text-transform: uppercase; font-size: 0.9em;}

.cards-cart a:link {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; text-align: center; padding: 4px 0 4px 0; text-decoration: none; margin: -4px 0 0 0; text-transform: uppercase; font-size: 0.9em;}
.cards-cart a:visited {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; text-align: center; padding: 4px 0 4px 0; text-decoration: none; margin: -4px 0 0 0; text-transform: uppercase; font-size: 0.9em;}
.cards-cart a:hover {display: block; width: 100px; height: 14px; background-color: #968d86; color: #fff; text-align: center; padding: 4px 0 4px 0; text-decoration: none; margin: -4px 0 0 0; text-transform: uppercase; font-size: 0.9em;}
.cards-cart a:active {display: block; width: 100px; height: 14px; background-color: #e84614; color: #fff; text-align: center; padding: 4px 0 4px 0; text-decoration: none; margin: -4px 0 0 0; text-transform: uppercase; font-size: 0.9em;}

/* --- right side --- */

.sub-page-right {
	float: left;
	width: 190px;
	margin-left: 15px;
}

.sub-page-right h3 {
	font-weight: 300;
	margin-bottom: 10px;
	font-size: 1em;
	color: #968d86;
	text-transform: uppercase;
}

.sub-page-right p {
	font-weight: 300;
	margin-bottom: 10px;
	font-size: 1em;
	color: #968d86;
	line-height: 140%;
}

.thumbnails {
	margin-bottom: 20px;
}

.thumbnails ul {
}

.thumbnails li { /* adds the shadowed background behind each image in the list */
	display: block;
	float: left;
	width: 33px;
	height: 31px;
	background: url(../images/structure/thumbnail_background.jpg) no-repeat;
	padding: 7px;
}

.cover-image { /* necessary for things to look right in IE 6 */

}

/* ------------------- NEWS/JOURNAL PAGE ELEMENTS ------------------- */

/* --- images at the top --- */

.three-journal-images {
	width: auto;
	padding-bottom: 40px;
}

.three-journal-images img {
	float: left;
}

/* --- journal navigation --- */

.journal-navigation {
	float: left;
	width: 290px;
}

/* --- news/journal entry --- */

.journal-entry {
	float: left;
	width: 460px;
}
.journal-page-left {
	float: left;
	width: 460px;
}

.journal-page-right{
	float:left;
	width:450px;
	color:#2f2318;
	font-size:11px;
	line-height:16px;
	padding-right:15px;
	padding-left:25px;
	padding-top:10px;
}

.journal-page-left h2, .journal-entry h2 { /* for main title of the journal entry */
	font-size: 2.4em;
	color: #2f2318;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

.journal-page-left h3, .journal-entry h3 { /* for sub-title of the journal entry */
	font-size: 1.1em;
	color: #e84614;
	font-weight: 700;
	font-style: italic;
	margin: 10px 0 10px 0;
}

.journal-page-left h4, .journal-entry h4 { /* for the author of the journal entry */
	font-size: 1.1em;
	color: #e84614;
	font-weight: 300;
	margin: -8px 0 20px 0;
}

.journal-page-left p, .journal-entry p {
	font-size: 1.1em;
	color: #2f2318;
	line-height: 150%;
	margin: 0 0 15px 0;
}

.journal-page-left p strong, .journal-entry p strong {

}

.article-links h3 { 
	font-size: 1.1em;
	color: #2f2318;
	font-weight: 700;
	font-style: normal;
	margin: 10px 0 10px 0;
}

.article-links ul {
	list-style-type: none;
	margin-bottom: 20px;
}

.article-links li {
	margin: 5px 0 5px 0;
}

.article-links a:link {font-size: 1.1em; font-weight: 700; color: #e84614; text-decoration: none;}
.article-links a:visited {font-size: 1.1em; font-weight: 700; color: #e84614; text-decoration: none;}
.article-links a:hover {font-size: 1.1em; font-weight: 700; color: #968d86; text-decoration: none;}
.article-links a:active {font-size: 1.1em; font-weight: 700; color: #e84614; text-decoration: none;}

/* --- styles for quotes on the news/journal pages --- */

.quotes blockquote { /* use for quotes below the picture on the right */
	font-size: 1.1em;
	line-height: 130%;
	font-style: italic;
	font-weight: 300;
	color: #9b9691;
	margin: 0 20px 10px 0;
	width: 220px;
}

/* --- styles for tool tips on news/journal pages --- */

#tooltip {
    padding: 3px;
    background: #e84614;
    border: 1px solid #e84614;
    text-align: center;
    font-size: 1.1em;
	line-height: 130%;
	width: 200px;
	text-align: left;
	color: #fff;
}

span.tip {
    border-bottom: 1px solid #eee;
	color: #e84614;
	font-weight: 700;
	cursor: pointer;
}

/* --- styles for the contact form --- */

.contact-form h4 {
	font-size: 1.2em;
	font-weight: 700;
	color: #2f2318;
}

.contact-form table {
	margin-left: 20px;
}

/* --- styles to assist the image fades on the marketplace pages --- */

.short-image-container {
	min-height: 466px;
}

.tall-image-container {
	min-height: 610px;
}

/* New Print Viewer */

a:link.view_all_prints {color: #e84614; float: right; text-align: right; text-transform: uppercase; margin-top: -1px; background: url(../images/structure/mag_glass.jpg) no-repeat; background-position: top right; padding: 0 20px 0 0;}
a:visited.view_all_prints {color: #e84614; float: right; text-align: right; text-transform: uppercase; margin-top: -1px; background: url(../images/structure/mag_glass.jpg) no-repeat; background-position: top right; padding: 0 20px 0 0;}
a:hover.view_all_prints {color: #e84614; text-decoration: underline; float: right; text-align: right; text-transform: uppercase; margin-top: -1px; background: url(../images/structure/mag_glass.jpg) no-repeat; background-position: top right; padding: 0 20px 0 0;}
a:active.view_all_prints {color: #e84614; float: right; text-align: right; text-transform: uppercase; margin-top: -1px; background: url(../images/structure/mag_glass.jpg) no-repeat; background-position: top right; padding: 0 20px 0 0;}

/*-- tabbed navigation --*/

#print-type {
	width: 770px;
	border-bottom: 1px solid #968d86;
	padding-right: 30px;
	margin: 0 0 25px 0;
}

#print-type li {
	list-style-type: none;
	float: right;
	margin: 0 0 0 10px;
}

#print-type a:link.selected {display: block; width: 120px; border-top: 1px solid #968d86; border-right: 1px solid #968d86; border-left: 1px solid #968d86; border-bottom: 1px solid #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #e84614;}
#print-type a:visited.selected {display: block; width: 120px; border-top: 1px solid #968d86; border-right: 1px solid #968d86; border-left: 1px solid #968d86; border-bottom: 1px solid #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #e84614;}
#print-type a:hover.selected {display: block; width: 120px; border-top: 1px solid #968d86; border-right: 1px solid #968d86; border-left: 1px solid #968d86; border-bottom: 1px solid #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #e84614;}
#print-type a:active.selected {display: block; width: 120px; border-top: 1px solid #968d86; border-right: 1px solid #968d86; border-left: 1px solid #968d86; border-bottom: 1px solid #fff; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #e84614;}

#print-type a:link {display: block; width: 120px; border-top: 1px solid #D3CAC2; border-right: 1px solid #D3CAC2; border-left: 1px solid #D3CAC2; border-bottom: 1px solid #968d86; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #D3CAC2;}
#print-type a:visited {display: block; width: 120px; border-top: 1px solid #D3CAC2; border-right: 1px solid #D3CAC2; border-left: 1px solid #D3CAC2; border-bottom: 1px solid #968d86; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #D3CAC2;}
#print-type a:hover {display: block; width: 120px; border-top: 1px solid #D3CAC2; border-right: 1px solid #D3CAC2; border-left: 1px solid #D3CAC2; border-bottom: 1px solid #968d86; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #968d86;}
#print-type a:active {display: block; width: 120px; border-top: 1px solid #D3CAC2; border-right: 1px solid #D3CAC2; border-left: 1px solid #D3CAC2; border-bottom: 1px solid #968d86; text-align: center; font-size: 1.2em; text-transform: uppercase; padding: 4px 0 3px 0; margin: 0 0 -1px 0; color: #D3CAC2;}

#print-viewer li {
	display: block;
	width: 200px;
	height: 190px;
	float: left;
	text-align: center;
	margin: 0 0 20px 0;
}

#print-viewer li:hover {
	background-color: #fff;
}

#print-viewer img.wide {
	margin: 10px 0 7px 0;
	
}

#print-viewer img.tall {
		margin: 0 0 4px 0;
}

#print-viewer h3 {
	font-weight: 300;
	font-size: 1em;
	text-transform: uppercase;
	text-align: center;
	margin: 0 0 5px 0;
}

#print-viewer a:link.price_details {display: block; width: 86px; height: 10px; background-color: #968d86; color: #fff; padding: 3px 0 7px 0; margin: 0 auto;} 
#print-viewer a:visited.price_details {display: block; width: 86px; height: 10px; background-color: #968d86; color: #fff; padding: 3px 0 7px 0; margin: 0 auto;} 
#print-viewer a:hover.price_details {display: block; width: 86px; height: 10px; background-color: #e84614; color: #fff; padding: 3px 0 7px 0; margin: 0 auto;} 
#print-viewer a:active.price_details {display: block; width: 86px; height: 10px; background-color: #968d86; color: #fff; padding: 3px 0 7px 0; margin: 0 auto;} 



/* Print Viewer Page Links */

a:link.next-link {color: #fff; background-color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 40px; text-align: center; float: right; margin: 0 0 0 5px;}
a:visited.next-link {color: #fff; background-color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 40px; text-align: center; float: right; margin: 0 0 0 5px;}
a:hover.next-link {color: #fff; background-color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 40px; text-align: center; float: right; margin: 0 0 0 5px;}
a:active.next-link {color: #fff; background-color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 40px; text-align: center; float: right; margin: 0 0 0 5px;}

a:link.current-page {color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:visited.current-page {color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:hover.current-page {color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:active.current-page {color: #e84614; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}

a:link.page {color: #968d86; display: block; border: 1px solid #fff; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:visited.page {color: #968d86; display: block; border: 1px solid #fff; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:hover.page {color: #968d86; display: block; border: 1px solid #968d86; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}
a:active.page {color: #968d86; display: block; border: 1px solid #fff; padding: 3px 0 3px 0; width: 14px; text-align: center; float: right; margin: 0 0 0 5px;}

a:link.previous-link {color: #e84614; background-color: #fff; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 60px; text-align: center; float: right; margin: 0 0 0 5px;}
a:visited.previous-link {color: #e84614; background-color: #fff; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 60px; text-align: center; float: right; margin: 0 0 0 5px;}
a:hover.previous-link {color: #e84614; background-color: #fff; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 60px; text-align: center; float: right; margin: 0 0 0 5px;}
a:active.previous-link {color: #e84614; background-color: #fff; display: block; border: 1px solid #e84614; padding: 3px 0 3px 0; width: 60px; text-align: center; float: right; margin: 0 0 0 5px;}

/* Sadie Bug */

ul#book-thumbs li {
	list-style-type: none;
	margin: 0 0 10px 0;
}

.book-image {
	position: absolute;
	top: 139px;
	display: none;
}